<template>
    <NavBar>
    </NavBar>
    <ContentField>
        <h2 style="text-align:center;margin-bottom: 30px;">系统默认题集</h2>
        <div class="d-grid gap-2">
            <button class="btn btn-primary" type="button" style="margin:10px 0;" @click="toQuerySet">查询类SQL练习</button>
            <button class="btn btn-primary" type="button" style="margin:10px 0;" @click="toAddSet">插入类SQL练习</button>
            <button class="btn btn-primary" type="button" style="margin:10px 0;" @click="toUpdateSet">更新类SQL练习</button>
            <button class="btn btn-primary" type="button" style="margin:10px 0;" @click="toDeleteSet">删除类SQL练习</button>
        </div>
        
    </ContentField>

</template>

<script>

import NavBar from "@/components/student/NavBar/NavBar.vue";
import ContentField from '@/components/commons/ContentField.vue';
import router from '@/router/index';

export default{
    name: 'SystemSetView',
    components: {
        NavBar,
        ContentField,
    },

    setup(){

        const toQuerySet = ()=>{
            router.push({name: 'S_querySet', params: {proType: 1}});
        }

        const toAddSet = ()=>{
            router.push({name: 'S_addSet', params: {proType: 2}});
        }

        const toUpdateSet = ()=>{
            router.push({name: 'S_updateSet', params: {proType: 3}});
        }

        const toDeleteSet = ()=>{
            router.push({name: 'S_deleteSet', params: {proType: 4}});
        }

        return{
            toQuerySet,
            toAddSet,
            toUpdateSet,
            toDeleteSet,
        }
}

}

</script>



<style scoped>

</style>